<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>双11瓜分红包</title>
    <link rel="stylesheet" href="css/index.css" media="screen">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
<div class="web">
    <!-- 抽奖页面开始 -->
    <div class="table" style="display:block">
        <!--<img src="img/turntable_bg.jpg" alt="背景" class="main_bg"/>-->
        <div class="message">
            <img src="img/scroll_bg.png" alt="背景"/>
            <div class="message_con hor">
                <i class="iconfont icon-laba"></i>
                <span>获奖名单:</span>
                <marquee class="scroll" align="middle" scrolldelay="150">
                    <em class="user_name">橡胶猫</em>获得
                    <em class="user_prize">200元油卡</em>;
                    <em class="user_name">我行我素</em>获得
                    <em class="user_prize">100元</em>
                </marquee>
            </div>
        </div>
        <div class="turntable_tai hor">
            <div class="tai hor">
                <img src="img/tai.png"/>
            </div>
            <div class="si hor">
                <img src="img/si.png"/>
            </div>
            <div class="rule_turn">
                <img src="img/rule.png" alt="活动规则"/>
            </div>
            <div class="prize_turn">
                <img src="img/prize.png" alt="我的奖品"/>
            </div>
            <p class="time">
                今日剩余次数:
                <span>8</span>次
            </p>
            <div class="smallbao">
                <img src="img/88.png" alt="红包">
            </div>
            <div class="bigbao">
                <img src="img/1111.png" alt="红包">
            </div>
        </div>
        <div class="turntable hor">
            <div class="turntable_bg">
                <img src="img/shining.png" alt="转盘背景"/>
                <img class="light_b backtTwinkle" src="img/light.png" alt="转盘装饰灯"/>
                <img class="light_f twinkle" src="img/light.png" alt="转盘装饰灯"/>
            </div>
            <div class="turntable_b hor">
                <img src="img/table.png" alt="转盘"/>
            </div>
            <div class="start_button">
                <img src="img/start_button.png" alt="开始按钮"/>
            </div>
            <div class="start_head">
                <img src="img/head.png" alt="手">
            </div>
        </div>
    </div>
    <!-- 抽奖页面开始 -->
    <!-- 跳转页面开始 -->
    <div class="turn_page" style="display:none">
        <div class="envelope">
            <div class="envelope_s Rotate">
                <img src="img/lighting.png" alt="闪光背景"/>
            </div>
            <div class="envelope_b hor">
                <img src="img/letter_b.png" alt="信封背景"/>
            </div>
            <div class="envelope_main up">
                <div class="envelope_w">
                    <img src="img/white.png" alt="白色信纸"/>
                </div>
                <div class="envelope_j hor">
                    <img src="img/youhuijuan.png" alt="优惠券">
                </div>
            </div>
            <div class="envelope_f hor">
                <img class="behind" src="img/letter_f.png" alt="信封前景"/>
                <h2 class="hor">恭喜您中奖了</h2>
                <p class="hor">获得低价抢购福利</p>
                <img class="hor" src="img/lingqu.png" alt="领取按钮"/>
            </div>
            <div class="coin hor">
                <img src="img/coin.png" alt="金币"/>
            </div>
            <div class="color_bar hor down">
                <img src="img/color.png" alt="彩带"/>
            </div>
            <div class="turn_page_close">
                <img src="img/close.png" alt="关闭"/>
            </div>
        </div>
    </div>
    <!-- 跳转页面结束 -->
    <!-- 活动说明页面开始 -->
    <div class="rule" style="display:none">
        <div class="rule_detail">
            <div class="rule_title">
                <span class="leftPoint"></span>
                <h1>活动说明</h1>
                <span class="rightPoint"></span>
            </div>
            <P>活动说明：参与活动即有机会获得幸运奖，每天可免费参与8次。此活动为概率中奖，奖品数量有限，祝你好运！</P>
            <ul class="prize_list">
                <li>惊喜一：666元红包</li>
                <li>惊喜二：166元红包</li>
                <li>惊喜三：66元红包</li>
                <li>惊喜四：6元红包</li>
                <li>惊喜五：幸运奖</li>
            </ul>
            <hr/>
            <div class="statement">
                <h2>重要声明</h2>
                <ul class="statement_list">
                    <li>1.实物类奖品请将在活动结束后5-10个工作日安排发货，请耐心等待</li>
                    <li>2.优惠券类奖品的使用规则详见每个优惠券的介绍页</li>
                    <li>3.请兑换后仔细阅读使用流程，如有疑问可直接联系客服专线：020-85289927或客服QQ：2269854010（工作日10:00-18:00）</li>
                    <li>4.通过非法途径获得奖品的，主办方有权不提供奖品，如有必要，将采取法律途径维权。</li>
                </ul>
            </div>
            <hr/>
            <div class="prob">
                <h2>更多概率说明</h2>
                <ul class="prob_list">
                    <li>666元红包，共1份，中奖概率0.01%</li>
                    <li>166元红包，共5份，中奖概率0.05%</li>
                    <li>66元红包，共10份，中奖概率0.1%</li>
                    <li>6元红包，共50份，中奖概率0.5%</li>
                </ul>
            </div>
        </div>
        <div class="rule_close">
            <img src="img/close.png" alt="关闭"/>
        </div>
    </div>
    <!-- 活动说明页面结束 -->
    <!-- 我的奖品页面开始 -->
    <div class="prize" style="display:none">
        <div class="service">
            客服：
            <i class="iconfont icon-qie"></i>
            <span class="QQ">2269854010</span>
            <i class="iconfont icon-dianhua"></i>
            <span class="phone">020-85289927</span>
        </div>
        <div class="prize_con">
            <div class="prize_juan clearfix">
                <div class="juan">
                    <img src="img/juan.png" title="优惠券">
                </div>
                <div class="juan_right">
                    <div class="juan_con">
                        <p class="juan_con_top">特惠!免息借1万元</p>
                        <p class="juan_con_bottom">有效期2017-07-31</p>
                    </div>
                </div>
                <i class="iconfont icon-you-copy"></i>
            </div>
            <div class="prize_juan clearfix">
                <div class="juan">
                    <img src="img/juan.png" title="优惠券">
                </div>
                <div class="juan_right">
                    <p class="juan_con_top">特惠!免息借1万元</p>
                    <p class="juan_con_bottom">有效期2017-07-31</p>
                </div>
                <i class="iconfont icon-you-copy"></i>
            </div>
            <div class="prize_juan clearfix">
                <div class="juan">
                    <img src="img/juan.png" title="优惠券">
                </div>
                <div class="juan_right">
                    <p class="juan_con_top">特惠!免息借1万元</p>
                    <p class="juan_con_bottom">有效期2017-07-31</p>
                </div>
                <i class="iconfont icon-you-copy"></i>
            </div>
        </div>
        <div class="prize_close">
            <img src="img/close.png" alt="关闭"/>
        </div>
    </div>
    <!-- 我的奖品页面结束 -->
</div>
<script src="js/index.js"></script>
</body>

</html>